<div class="content-section introduction">
    <div>
        <div>
            <span class="feature-title">基础数据<span class="gt">&gt;</span>空间管理</span>
        </div>
    </div>
</div>
<div class="content-section" id="malfunctionBasalDatas">
    <div class="ui-grid-row">
        <div class="ui-grid-col-3">
            <h4>数据配置</h4>
            <p-tree [value]="treeDatas"
                    selectionMode="single"
                    [(selection)]="selected"
                    [contextMenu]="cm"
                    (onNodeSelect)="onNodeSelect($event)"
            ></p-tree>
            <p-contextMenu #cm [model]="menuItems"></p-contextMenu>
        </div>
        <div class="ui-grid-col-9">
            <router-outlet></router-outlet>
    </div>
    <p-dialog header="请选择类型" [(visible)]="displayTypes" modal="modal" width="500" [responsive]="true" minHeight="500" (onHide)="onHide()">
        <div>
            <p-dropdown [options]="types"
                        [(ngModel)]="selectedType"
                        [ngModelOptions]="{standalone: true}"
                        [style]="{'width':'100%'}"
            ></p-dropdown>
        </div>
        <p-footer>
            <button type="button" pButton icon="fa-check" (click)="sure()" label="确定"></button>
            <button type="button" pButton icon="fa-close" (click)="cancel()"
                    class="ui-button-secondary" label="取消"></button>
        </p-footer>
    </p-dialog>
    <p-growl [(value)]="msgPop"></p-growl>
</div>

